﻿@{
ViewBag.Title = "项目管理";
Layout = "~/Views/Shared/_Layout.cshtml";
}
@section mystyle{

}
<!-- table -->
<div class="padding-top-10 padding-bottom-10 margin-top-20">
  <div class="container">
    <div class="row">
      <div class="col-sm-6">
        <div class="row">
          <div class="col-sm-12">
            <button type="button" class="btn btn-warning" id="addProject">
              <i class="glyphicon glyphicon-list-alt"></i>
              <span class="margin-left-10">新建项目</span>
            </button>
          </div>
          <div id="table1" class="col-sm-12 margin-top-20">
            <table class="table text-center">
              <thead>
              <tr>
                <th>项目名称</th>
                <th>已用工时</th>
                <th>操作</th>
              </tr>
              </thead>
              <tbody>
              <tr>
                <td>IMP</td>
                <td>40</td>
                <td>
                  <button type="button" class="btn btn-primary manage">人员管理</button>
                </td>
              </tr>
              </tbody>
            </table>


          </div>

          <!--<div class="col-sm-12 clearfix">
            &lt;!&ndash;<div class="pages"></div>&ndash;&gt;
            <p class="float-left">总条数：<span id="totalRow"></span></p>

            <div class="table-pagination float-right line-height-34 margin-left-10 text-center" id="pages"></div>

            <div class="float-right">
              <form class="form-inline">
                <span>显示条数：</span>
                <select name="pageSize" id="pageSize" class="form-control">
                  <option value="10">10</option>
                  <option value="20">20</option>
                  <option value="30">30</option>
                </select>
              </form>
            </div>


          </div>-->
        </div>
      </div>


      <div class="col-sm-6" id="projectPeople">
        <div class="row">
          <div class="col-sm-12">
            <button type="button" class="btn btn-warning" id="addPeople">
              <i class="glyphicon glyphicon-list-alt"></i>
              <span class="margin-left-10">添加人员</span>
            </button>
          </div>
          <div id="table2" class="col-sm-12 margin-top-20">
            <table class="table text-center">
              <thead>
              <tr>
                <th>人员列表</th>
                <th>已用工时</th>
                <th>操作</th>
              </tr>
              </thead>
              <tbody>
              <tr>
                <td>陈旭</td>
                <td>40</td>
                <td>
                  <button type="button" class="btn btn-danger">禁用</button>
                </td>
              </tr>
              <tr>
                <td>陈旭</td>
                <td>40</td>
                <td>
                  <button type="button" class="btn btn-success">启用</button>
                </td>
              </tr>
              </tbody>
            </table>


          </div>

          <!--<div class="col-sm-12 clearfix">
            &lt;!&ndash;<div class="pages"></div>&ndash;&gt;
            <p class="float-left">总条数：<span id="totalRow"></span></p>

            <div class="table-pagination float-right line-height-34 margin-left-10 text-center" id="pages"></div>

            <div class="float-right">
              <form class="form-inline">
                <span>显示条数：</span>
                <select name="pageSize" id="pageSize" class="form-control">
                  <option value="10">10</option>
                  <option value="20">20</option>
                  <option value="30">30</option>
                </select>
              </form>
            </div>


          </div>-->
        </div>
      </div>
    </div>
  </div>
</div>

<!-- 添加项目 -->
<div class="modal fade" id="initProject" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content padding-10 w700">
      <div class="text-right">
        <a class="close-pop" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span></a>
      </div>
      <div>
        <form class="form-horizontal">
          <div class="form-group">
            <label for="td1" class="col-sm-3 control-label">项目名称</label>
            <div class="col-sm-8">
              <input type="text" class="form-control" name="td1" id="td1" placeholder="项目名称">
            </div>
          </div>

          <div class="form-group">
            <div class="col-sm-2 col-sm-offset-3">
              <button type="button" id="save" class="btn btn-danger btn-block">确定</button>
            </div>
            <div class="col-sm-2">
              <button type="button" id="cancel" class="btn btn-primary btn-block" data-dismiss="modal">取消</button>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>

<!-- 添加人员 -->
<div class="modal fade" id="initPeople" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content padding-10 w700">
      <div class="text-right">
        <a class="close-pop" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span></a>
      </div>
      <div>
        <form class="form-horizontal">
          <div class="form-group">
            <div class="col-sm-7 col-sm-offset-3" id="peopleList">
              <div class="checkbox-inline" style="margin-left: 10px;"><label><input type="checkbox" name="" id="">陈旭</label></div>
              <div class="checkbox-inline"><label><input type="checkbox" name="" id="">杨春</label></div>
              <div class="checkbox-inline"><label><input type="checkbox" name="" id="">杨廷兴</label></div>
              <div class="checkbox-inline"><label><input type="checkbox" name="" id="">李雨师</label></div>
              <div class="checkbox-inline"><label><input type="checkbox" name="" id="">张三</label></div>
              <div class="checkbox-inline"><label><input type="checkbox" name="" id="">孙坚</label></div>
              <div class="checkbox-inline"><label><input type="checkbox" name="" id="">陈旭</label></div>
              <div class="checkbox-inline"><label><input type="checkbox" name="" id="">杨春</label></div>
              <div class="checkbox-inline"><label><input type="checkbox" name="" id="">杨廷兴</label></div>
              <div class="checkbox-inline"><label><input type="checkbox" name="" id="">李雨师</label></div>
              <div class="checkbox-inline"><label><input type="checkbox" name="" id="">张三</label></div>
              <div class="checkbox-inline"><label><input type="checkbox" name="" id="">孙坚</label></div>
            </div>

          </div>

          <div class="form-group">
            <div class="col-sm-2 col-sm-offset-3">
              <button type="button" id="add" class="btn btn-danger btn-block">添加人员</button>
            </div>
            <div class="col-sm-2">
              <button type="button" class="btn btn-primary btn-block" data-dismiss="modal">取消</button>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>

<!--<script id="PROJECT_STAGE" type="text/html">
  {{each PROJECT_STAGE as value i}}
  <option value="{{value.ID}}">{{value.Text}}</option>
  {{/each}}
</script>-->

<script id="l2List" type="text/html">


</script>
@section myscript{
<script src="~/Content/vendor/vue/vue.min.js"></script>
<!--<script src="~/Content/vendor/vue-validator/vue-validator.min.js"></script>-->
<script src="~/Content/js/level23.js"></script>
}